<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        table 表格
            thead 表头
            tbody 表体
            tfoot 表尾
                tr 表格中的一行
                    td 行中的单元格
                    th 自带加粗居中效果的td
    -->
    <h3 style="text-align: center;">员工技能竞赛表</h3>
    <table border="1px" style="margin: 0px auto;width: 400px;">
        <thead>
            <tr>
                <th>排名</th>
                <th>姓名</th>
                <th>分数</th>
                <th>备注</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>张</td>
                <td>99</td>
                <td rowspan="6">升值加薪</td>
            </tr>
            <tr>
                <td>2</td>
                <td>王</td>
                <td>98</td>                
                
            </tr>
            <tr>
                <td>3</td>
                <td>李</td>
                <td>97</td>
            </tr>
            <tr>
                <td>总人数</td>
                <td colspan="2">2000</td>
                
            </tr>
            <tr>
                <td>平均分</td>
                <td colspan="2">96</td>
                
            </tr>
            <tr>
                <td>及格率</td>
                <td colspan="2">0.8</td>
                
            </tr>
        </tbody>
        <tfoot>
            <tr>
            </tr>
        </tfoot>
    </table>
</body>
</html>